<template>
    <view class="equitys">
        <view class="head"> 股市 </view>
        <view class="coent">
            <view class="coent1">
                <view class="conent1-1">
                    <text style="font-size: 36rpx; color: #999999"
                        >3585.05</text
                    >
                    <view
                        style="
                            font-size: 24rpx;
                            color: #777777;
                            margin-top: 24rpx;
                        "
                        >上证指数达率</view
                    >
                </view>
                <view class="conent1-1">
                    <text style="font-size: 36rpx; color: #999999">0.00%</text>
                    <view
                        style="
                            font-size: 24rpx;
                            color: #777777;
                            margin-top: 24rpx;
                        "
                        >上涨指数</view
                    >
                </view>
            </view>
            <view class="coent2">
                <text style="font-size: 36rpx; color: #333333">国星证券</text>
                <view style="color: #999999; margin-top: 18rpx"
                    >002736.sz
                    <image src="../../static/iamges/R.png" mode=""></image>
                </view>
            </view>
        </view>
        <view class="coent3">
            <text decode>8:50 </text>
            <text class="text" style="color: #ff4658; margin-left: 20rpx">
                国家乡镇振兴局挂牌好看和棉花织纺产12312</text
            >
            <view>
                <image src="../../static/iamges/jiaobiao.png" mode=""></image>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: "equity",
    data() {
        return {};
    },
};
</script>

<style lang="scss" scoped>
.coent3 {
    padding: 0px 10rpx;
    border-top: 1px solid #b0b0b0;
    height: 80rpx;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text {
        line-height: 80rpx;
    }
    image {
        margin-top: 33rpx;
        width: 20rpx;
        height: 20rpx;
        margin-left: 20rpx;
    }
    .text {
        line-height: 80rpx;
        width: 500rpx;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
.equitys {
    padding: 0px 20rpx;
    .head {
        height: 40rpx;
        width: 98rpx;
        margin-left: -20rpx;
        background-color: #ff4658;
        color: #ffffff;
        border-radius: 11px 0px 11px 0px;
        text-align: center;
        line-height: 40rpx;
    }
    .coent {
        margin-top: 30rpx;
        width: 100%;
        height: 120rpx;

        padding: 0px 10rpx;
        display: flex;
        .coent1 {
            width: 60%;
            height: 100%;
            display: flex;
            .conent1-1 {
                width: 50%;
                height: 100%;
                text-align: center;
            }
        }
        .coent2 {
            width: 40%;
            height: 100%;
            text-align: center;
            image {
                width: 30rpx;
                height: 30rpx;
            }
        }
    }
}
</style>
